<div id="topper" class="layui-bg-cyan">
    <div id="title">
        <a href="https://wlgzs.net/">
            <img src="/static/admin/img/logo1.png" alt="">
            <span id="title_wrap">未来招新系统</span>
        </a>
    </div>
    <div id="toppperRight" class="centerY">
        <div id="admin">
            <button class="admin" name="{{userInfo.name}}" username="{{userInfo.username}}">您好：{{userInfo.name}}</button>
        </div> 
        <span id="quit" flag="1" name="{{userInfo.id}}" onclick="openLoginOutWinFun()">
            <span style="font-size:15px;" >
                <i class="layui-icon layui-icon-logout " style="font-size: 18px; "></i>
            退出
            </span>
        </span>
        <span id="setSelf">
            <a href="javascript:;" style="color:#fff;font-size:15px;text-decoration: none;">
                <i class="layui-icon layui-icon-set " style="font-size: 18px; "></i>
            修改个人信息
            </a>
        </span>
        <span id="my">
            <a href="javascript:;" style="color:#fff;font-size:15px;text-decoration: none;">
                <i class="layui-icon layui-icon-user " style="font-size: 18px; "></i>
                我的面试
            </a>
        </span>
    </div>
    <div id="shade" data-userID ={{userInfo.id}}>
        <div id="shadeContent">
            <h2>修改个人信息</h2>
            <span id="closeChange" style="margin-top: 0px;">X</span>
            <hr/>
            <div id="changeTable" style="background-color: #fff;color: black;padding: 0px 20px;position: relative;bottom: 39px;">
                <table>
                    <tr>
                        <td style="border: none;">姓 名：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">账 号：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">密 码：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">学 号：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">班 级：</td>
                        <td style="border: none;"><input type="input" class="changeInput"/></td>
                    </tr>
                    <tr>
                        <td style="border: none;">性 别：</td>
                        <td style="text-align: left !important;display: inline-flex;border: none;">
                            <div class="sexDiv" style="cursor: pointer;display: -webkit-inline-box;height: 36px;line-height: 36px;">
                                <i class="layui-icon-circle layui-icon sexRadio"></i><p>男</p>
                            </div>
                            <div class="sexDiv" style="cursor: pointer;display: -webkit-inline-box;height: 36px;line-height: 36px;">
                                <i class="layui-icon-circle layui-icon sexRadio"></i><p>女</p>
                            </div>
                            <div class="sexDiv" style="cursor: pointer;display: -webkit-inline-box;height: 36px;line-height: 36px;">
                                <i class="layui-icon-circle layui-icon sexRadio"></i><p>未知</p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="btns" style="display: flex;justify-content: space-around;position: relative;bottom: 15px;">
                
                <button class="layui-btn layui-btn-danger" id="changeNoBtn">取消</button>
                <button class="layui-btn layui-btn-normal" id="changeYesBtn">修改</button>
            </div>
            
        </div>
    </div>
    <div id="myShade" name="{{userInfo.name}}">
        <div id="myShadeContent">
            <h2>查看我的面试</h2>
            <span style="margin-top: 0px;" id="closeMyChange">X</span>
            <hr/>
            <div id="changeMyTable" style="max-height: 450px;overflow: auto;background-color: #fff;color: black;padding: 0px 20px;position: relative;bottom: 39px;">
                <table class="table table-striped">
                    <thead>
                        <th style="text-align: center;">姓名</th>
                        <th style="text-align: center;">班级</th>
                        <th style="text-align: center;">内容</th>
                        <th style="text-align: center;">时间</th>
                        <th style="text-align: center;">地点</th>
                        <th style="text-align: center;">操作</th>
                    </thead>
                    <tbody id="mytbody">
                        
                    </tbody>
                </table>
            </div>
            <div id="mybtns" style="display: flex;justify-content: space-around;position: relative;bottom: 15px;">
                
                <button class="layui-btn layui-btn-danger" style="display: none;">取消</button>
                <button class="layui-btn layui-btn-normal" style="display: none;">修改</button>
            </div>
            
        </div>
    </div>
</div>
<div id="coverLogin_div" onclick="cancleLoginOutFun()" ></div>
<div id=windowDiv_loginOut>
    <h2 class="layui-bg-green" >退出登录</h2>
    <span id="change_cancleA"  onclick="cancleLoginOutFun()" class="layui-icon layui-icon-close" ></span>
    <hr>
    <div id="windowDiv_wrap">
        是否确认退出登录？
    </div>
    <button class="layui-btn layui-btn-danger" id="cancleDel" onclick="cancleLoginOutFun()" style="background-color: #1E9FFF;">取消</button>
    <button class="layui-btn layui-btn-normal" id="submitDel" onclick="submitLoginOutFun()" style="background-color: #FF5722;">退出</button>
</div>